<template>
	<view class="container">
		<view v-for="(item, i) in info" :key="i">
			<noti-card :item='item' >
			</noti-card>
			
		</view>

	</view>
	</template>

		<script>
			export default {
				name: 'main-notiList',
				props: ['info'],
				data() {
					return {

					}
				},

				// 生命周期函数，组件被挂载后调用
				mounted() {
				
				},

				computed: {
			
			
				},

				methods: {
					refleshColl() {
						// console.log(this.$refs.unreadNoti.collapse);
						this.$nextTick(function() {
							this.$refs.unreadNoti.collapse.resize();
							this.$refs.readNoti.collapse.resize();
						});
					}
				}
			}
		</script>

		<style>
			.container {
				/* padding: 20px; */
				font-size: 14px;
				line-height: 24px;
			}

			/* 按钮盒子 */
			.btnBox {
				/* padding: 10rpx 0 10rpx 0; */
				display: flex;
				flex-direction: row;
				justify-content: space-around;
			}

			/* 卡片中按钮样式 */
			.btnInMore {
				/* border: 1px solid deeppink; */
				display: inline-block;
				height: 130rpx;
				width: 350rpx;
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
			}

			/* 菜单中按钮样式 */
			.btnInCard {
				/* border: 1px solid deeppink; */
				display: inline-block;
				height: 80rpx;
				width: 160rpx;
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
			}
		</style>